<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:param name="titulo" value="Pagina Principal" />
    <ui:define name="body">

       <div id="wrap">
  <div id="header">
    <div id="logo"><img src="resources/images/logo.gif" alt="" />
      <h1>Alpes Smart Home</h1>
      <span>Arquitech- Uniandes</span> </div>
    <ul id="nav">
      <li><a href="/Arquitech-war/index.jsf">Inicio</a></li>
      <li>Desarrollado por Arquitech</li>

    </ul>
  </div>
  <!-- /header -->
  <div id="content">
    <div id="inner">
      <div class="left float-l">
        <h2>El estado de su inmueble</h2>
        <div class="float-l"><img src="resources/images/img.gif" alt="" /></div>
       <h:form>

       <ice:panelGroup>

                <!-- Se crea una tabla donde se presentan los muebles del sistema -->
                <ice:dataTable
                    id="data"
                    value="#{consultarAlarmas.alarmas}"
                    var="file"
                    scrollable="false"
                    columnWidths="500px,500px,500px,500px"
                    scrollHeight="100px"
                    cellpadding="0"
                    resizable="true"
                    rows="5"
                    style="color: white ">


                    <ice:column>
                        <f:facet name="header">
                            Nombre
                        </f:facet>
                        <ice:outputText value="#{file.tipo}"/>
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            Fecha
                        </f:facet>
                        <ice:outputText value="#{file.fecha}"/>
                    </ice:column>

                </ice:dataTable>

                <ice:panelGroup>

                    <!-- Se crea y establecen propiedades del paginador -->
                    <ice:dataPaginator id="dataScroll_1"

                                       for="data"
                                       vertical="false"
                                       fastStep="3"
                                       paginator="true"
                                       paginatorMaxPages="4">
                        <f:facet name="first">
                            <ice:graphicImage id="firstpage_1"
                                              url="resources/images/arrow-first.gif"
                                              style="border:none;"
                                              title="Ir a la primera página"/>
                        </f:facet>
                        <f:facet name="last">
                            <ice:graphicImage id="lastpage_1"
                                              url="resources/images/arrow-last.gif"
                                              style="border:none;"
                                              title="Ir a la última página"/>
                        </f:facet>
                        <f:facet name="previous">
                            <ice:graphicImage id="previouspage_1"
                                              url="resources/images/arrow-previous.gif"
                                              style="border:none;"
                                              title="Atrás"/>
                        </f:facet>
                        <f:facet name="next">
                            <ice:graphicImage id="nextpage_1"
                                              url="resources/images/arrow-next.gif"
                                              style="border:none;"
                                              title="Siguiente"/>
                        </f:facet>
                        <f:facet name="fastforward">
                            <ice:graphicImage id="fastforward_1"
                                              url="resources/images/arrow-ff.gif"
                                              style="border:none;"
                                              title="Regresar Rapido"/>
                        </f:facet>
                        <f:facet name="fastrewind">
                            <ice:graphicImage id="fastrewind_1"
                                              url="resources/images/arrow-fr.gif"
                                              style="border:none;"
                                              title="Adelantar Rapido"/>
                        </f:facet>
                    </ice:dataPaginator>
                </ice:panelGroup>
      </ice:panelGroup>
       <ice:outputText style="color: white" value="#{consultarAlarmas.tiempo}">El tiempo de consulta  en milisegundos : </ice:outputText>
   </h:form>
   
      </div>

        
      <div class="right folat-r">
        <div id="side">
          <div id="top">

             
     </div>
      </div>
    </div>
  </div>
  <!-- /content -->
  <div id="footer">
    <div class="ft">
      <div id="ftlink"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> | <a href="#">Contact</a> </div>
      <p id="copyright">© 2008. All Rights Reserved. <br/>
        <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
    </div>
    <div id="xhtml"><img src="resources/images/xhtml.gif" alt=" xhtml vaild" /> <img src="resources/images/css.gif" alt="css vaild" /></div>
  </div>
  </div>
  <!-- /footer -->
</div>

    </ui:define>
</ui:composition>

